<template>
  <div class="flex">
    <div class="text">请点击下方按钮跳转到零工平台小程序</div>
    <div class="next">
      <div class="col-xs-1"></div>
      <div class="col-xs-10">
        <button class=" btn btn-primary" onclick="javascript:toMini()">点击前往就在长春小程序</button>
      </div>
      <div class="col-xs-1"></div>
    </div>
  </div>
</template>

<style lang="less" scoped>
    body {
      font-family: "Microsoft YaHei";
      font-size: 2.5rem;
    }
    .flex {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .text {
      color: #999999;
    }
    .next {
      margin: 6rem 0;
      width: 100%;
      text-align: center;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
      position: relative;
      min-height: 1px;
    }
    .col-xs-1 {
      width: 8.33333333%;
    }
    .col-xs-10 {
      width: 83.33333333%;
    }
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
      float: left;
    }
    .btn-primary{
      background-color: #0F8EEF;
      color: white;
      width: 74%;
      font-size: 2.8rem;
      padding: 20px;
      border: none;
      border-radius: 10px;
    }
    .btn:hover,
    .btn:focus,
    .btn.focus {
      color: #333;
      text-decoration: none;
    }
    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    .btn:active,
    .btn.active {
      background-image: none;
      outline: 0;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  }
</style>
<style>
.valid-error .ant-select-selection__placeholder{
  color: #f5222d;
}
</style>
